<template>
    <div class="app-container">
        <el-form ref="form" label-width="160px">
      <el-form-item label="标签名称：">
        <p class="noLineHeight" v-text="tags.name"></p>
      </el-form-item>
      <el-form-item label="团队ID：">
        <p class="noLineHeight" v-text="tags.managerId"></p>
      </el-form-item>
        <el-form-item label="状态：">
        <p class="noLineHeight">{{tags.enable?'禁用':'启用'}}</p>
      </el-form-item>
    </el-form>
    <el-button class="put" type="primary" @click="goPut(tags.id,tags.managerId)">修改</el-button>
  </div>
</template>


<script>
import { detail } from '@/api/tag.js';
import {showDecimal} from '@/utils';
export default {
    data(){
        return {
            tags:{
              name:''
            }
        }
    },
    methods:{
        getDetails(){
          detail({targetId:this.$route.query.id}).then((json) => {
            if(json.status === 200){
               this.tags=json.data
              }else{
                this.$message.error(json.data.message);
              }
          });
        },
        goPut(id,managerId){
            this.$router.push({name:'addTag',query:{id,managerId}})
        }
    },
    mounted(){
        // console.log('informationData',this.informationData)
       this.getDetails();
    }
}
</script>
<style lang="scss">
.noLineHeight{
    margin: 0
}
</style>


<style lang="scss" scoped>
.Img{
    width:200px;
    height:130px;
    margin-top: 15px;
    img{
        width:100%;
        height:100%;
    }
}
.put{
   margin-left: 5%;
}
.merchantDetails{
     margin-top: 32px;
    .content{
        width: 90%;
        margin: 0 auto;
        .topBox{
            color: rgba(16, 16, 16, 1);
            font-size: 24px;
            margin-bottom: 50px;
        }

        .form{
            background: #fff;
            padding: 40px;

            h3{
                color: rgba(45, 45, 45, 1);
                font-size: 20px;
                font-weight: 400;
                display: flex;
                align-items: center;
                margin-bottom: 43px;
                i{
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    background: #be1a21;
                    margin-right: 11px;
                    border-radius: 50px;
                }
            }
            p{
                color: rgba(172, 172, 172, 1);
                font-size: 15px;
                text-align: left;
            }

            .upLoad{
                width: 82px;
                height: 82px;
                img{
                    width: 100%;
                    height: 100%;
                }
                .iconfont{

                    font-size: 5rem;
                }
                .icon-tianjia1:before{
                    margin-top: 2rem;
                    display: inline-block;
                }
            }
        }

        .btnBox{
            width: 100%;
            border-top: 1px solid rgba(213, 212, 212, 1);
            margin: 96px 0 32px 0;
            padding-top:66px;
            text-align: center;
            p{
                font-size: 14px;
                color: rgba(85, 84, 84, 1);
                margin-top: 24px;
                text-align: center;
            }
        }
    }
}
</style>